<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="keywords" content="自媒体平台,小江电影馆,一部电影一个故事 关注我 品百味人生,前端导航,大前端网址导航,前端导航,前端开发导航,前端工具导航" />
    <meta name="description" content="自媒体平台-小江电影馆; 一部电影一个故事 关注我 品百味人生; 前端导航是由陌小江提供的专为前端开发者服务的网址导航教程，前端导航整理了国内外非常优秀的前端开发网站，并提供更多相关行业的网站网址，意图给到前端开发者一个完善而又良好的网址导航，是前端行业人员值得收藏的前端导航。" />
    <meta name="author" content="小江电影馆" />
    <meta name="email" content="740092856@qq.com" />
    <meta name="gitee" content="https://gitee.com/xiaojiangk/" />
    <link rel="shortcut icon" href="img/favicon.png" />
    <title>前端导航-小江电影馆</title>
    <script src="js/html5shiv.js"></script>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link type="text/css" rel="stylesheet" href="css/reset.css" />
    <link type="text/css" rel="stylesheet" href="css/main.css" />
</head>
<body>
<div class="scroll-top opacity">
    <span class="arrow-icon"></span>
</div>
<article>
    <header id='header' class="clearfix">
        <h1>前端导航
            <sup>
                <a href="https://gitee.com/xiaojiangK/site-nav" target="_blank" title="Gitee">
                    <svg class="octicon octicon-mark-github" viewBox="0 0 24 24" version="1.1" width="24" height="24"
                         aria-hidden="true">
                        <path fill-rule="evenodd"
                              d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path>
                    </svg>
                </a>
            </sup>
        </h1>
        <div class="menu">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </div>
    </header>

    <div class="popup">
        <div class="mask"></div>
        <div class="explain">
            <div class="title"></div>
            <div class="content"></div>
            <div class="flex align-center">
                <div class="btn copy_name">复制昵称</div>
                <div class="btn go_home">立即前往</div>
            </div>
        </div>
    </div>

    <section class="layout main-wrap  content">
        <section class='col-main clearfix'>
            <article class="mainarea item" style="display:block;">
                <section class="mod">
                    <h3>个人主页</h3>
                    <section class="sub_mod">
                        <h4 class="sub_title">个人博客</h4>
                        <ul>
                            <li><a href="https://www.cnblogs.com/xiaojiangk/" target="_blank">XiaojiangK</a></li>
                        </ul>
                    </section>
                    <section class="sub_mod">
                        <h4 class="sub_title">自媒体平台</h4>
                        <ul>
                            <li><a href="javascript:;" class="media">快手</a></li>
                            <li><a href="javascript:;" class="media">抖音</a></li>
                            <li><a href="javascript:;" class="media">视频号</a></li>
                            <li><a href="javascript:;" class="media">QQ小世界</a></li>
                            <li><a href="javascript:;" class="media">腾讯微视</a></li>
                            <li><a href="javascript:;" class="media">公众号</a></li>
                            <li><a href="javascript:;" class="media">小红书</a></li>
                            <li><a href="javascript:;" class="media">头条号</a></li>
                            <li><a href="javascript:;" class="media">西瓜视频</a></li>
                            <li><a href="javascript:;" class="media">企鹅号</a></li>
                            <li><a href="javascript:;" class="media">百家号</a></li>
                            <li><a href="javascript:;" class="media">大鱼号</a></li>
                            <li><a href="javascript:;" class="media">哔哩哔哩(B站)</a></li>
                            <li><a href="javascript:;" class="media">AcFun(A站)</a></li>
                            <li><a href="javascript:;" class="media">网易号</a></li>
                            <li><a href="javascript:;" class="media">搜狐号</a></li>
                            <li><a href="javascript:;" class="media">一点号</a></li>
                            <li><a href="javascript:;" class="media">快传号</a></li>
                            <li><a href="javascript:;" class="media">皮皮虾</a></li>
                            <li><a href="javascript:;" class="media">知乎号</a></li>
                            <li><a href="javascript:;" class="media">新浪看点</a></li>
                            <li><a href="javascript:;" class="media">腾讯视频</a></li>
                            <li><a href="javascript:;" class="media">爱奇艺视频</a></li>
                            <li><a href="javascript:;" class="media">优酷视频</a></li>
                            <li><a href="javascript:;" class="media">好看视频</a></li>
                            <li><a href="javascript:;" class="media">搜狐视频</a></li>
                            <li><a href="javascript:;" class="media">抖音火山版</a></li>
                            <li><a href="javascript:;" class="media">腾讯新闻</a></li>
                            <li><a href="javascript:;" class="media">腾讯体育</a></li>
                        </ul>
                    </section>
                    <section class="sub_mod">
                        <h4 class="sub_title">站点</h4>
                        <ul>
                            <li><a href="https://blog.csdn.net/m0_67514178?spm=1000.2115.3001.5343" target="_blank">CSDN</a></li>
                            <li><a href="https://segmentfault.com/u/xiaojiangk" target="_blank">SegmentFault</a></li>
                            <li><a href="https://www.cnblogs.com/xiaojiangk" target="_blank">Cnblogs</a></li>
                            <li><a href="https://www.jianshu.com/u/00a4d0b11f9d" target="_blank">简书</a></li>
                            <li><a href="https://xiaojiangk.gitee.io/site-nav/" target="_blank">前端导航</a></li>
                            <li><a href="https://xiaojiangk.gitee.io/full-stack-development/" target="_blank">全栈开发</a></li>
                            <li><a href="https://xiaojiangk.gitee.io/h5-book/" target="_blank">H5电子书</a></li>
                            <li><a href="https://xiaojiangk.gitee.io/buycar/" target="_blank">购车计算器</a></li>
                            <li><a href="https://xiaojiangk.gitee.io/qxadmin/" target="_blank">QxAdmin UI</a></li>
                        </ul>
                    </section>
                    <section class="sub_mod">
                        <h4 class="sub_title">Gitee</h4>
                        <ul>
                            <li><a href="https://gitee.com/xiaojiangK" target="_blank">XiaojiangK-Gitee</a>
                            </li>
                        </ul>
                    </section>
                    <section class="sub_mod">
                        <h4 class="sub_title">Github</h4>
                        <ul>
                            <li><a href="https://github.com/xiaojiangK" target="_blank">XiaojiangK-Github</a>
                            </li>
                        </ul>
                    </section>
                </section>
            </article>
            <article class="mainarea item">
                <section class="mod">
                    <h3>前端基础</h3>
                    <section class="sub_mod">
                        <h4 class="sub_title">JavaScript</h4>
                        <ul>
                            <li><a href="https://www.w3cschool.cn/javascript/" target="_blank">JavaScript教程</a></li>
                            <li><a href="https://cn.rx.js.org/" target="_blank">RxJS中文文档</a></li>
                        </ul>
                    </section>
                    <section class="sub_mod">
                        <h4 class="sub_title">SVG</h4>
                        <ul>
                            <li><a href="http://svgtrick.com/" target="_blank">svgtrick</a></li>
                        </ul>
                    </section>
                    <section class="sub_mod">
                        <h4 class="sub_title">CSS</h4>
                        <ul>
                            <li><a href="http://cssreference.parryqiu.com/" target="_blank">CSSReference</a></li>
                            <li><a href="https://postcss.docschina.org/" target="_blank">PostCSS</a></li>
                        </ul>
                    </section>
                    <section class="sub_mod">
                        <h4 class="sub_title">Canvas</h4>
                        <ul>
                            <li><a href="https://www.yuque.com/airing/canvas/readme" target="_blank">CANVAS·语雀</a></li>
                            <li><a href="https://canvasjs.com/" target="_blank">CanvasJs</a></li>
                        </ul>
                    </section>
                </section>
                <section class="mod">
                    <h3>可视化</h3>
                    <section class="sub_mod">
                        <h4 class="sub_title">数据可视化</h4>
                        <ul>
                            <li><a href="http://echarts.baidu.com/" target="_blank">ECharts</a></li>
                            <li><a href="https://www.highcharts.com.cn/" target="_blank">Highcharts</a></li>
                            <li><a href="https://d3js.org.cn/" target="_blank">D3js</a></li>
                        </ul>
                    </section>
                </section>
                <section class="mod">
                    <h3>网页特效</h3>
                    <section class="sub_mod">
                        <h4 class="sub_title">网页特效库</h4>
                        <ul>
                            <li><a href="http://www.5iweb.com.cn/" target="_blank">网页特效库</a></li>
                            <li><a href="http://www.jq22.com/" target="_blank">jQuery插件库</a></li>
                            <li><a href="http://www.17sucai.com/" target="_blank">17素材网</a></li>
                            <li><a href="http://www.5icool.org/" target="_blank">酷站代码</a></li>
                            <li><a href="https://www.lanrenzhijia.com/" target="_blank">懒人之家</a></li>
                            <li><a href="http://www.htmlsucai.com/" target="_blank">HTML素材网</a></li>
                        </ul>
                    </section>
                </section>
                <section class="mod">
                    <h3>开发框架</h3>
                    <section class="sub_mod">
                        <h4 class="sub_title">微信小程序</h4>
                        <ul>
                            <li><a href="https://developers.weixin.qq.com/doc/" target="_blank">微信官方文档</a></li>
                            <li><a href="https://www.runoob.com/w3cnote/wx-xcx-repo.html" target="_blank">微信小程序开发资源汇总</a></li>
                        </ul>
                        <h4 class="sub_title">uni-app</h4>
                        <ul>
                            <li><a href="https://uniapp.dcloud.io/" target="_blank">uni-app官网</a></li>
                        </ul>
                        <h4 class="sub_title">vant</h4>
                        <ul>
                            <li><a href="https://youzan.github.io/vant/#/zh-CN/intro/" target="_blank">vant官网</a></li>
                        </ul>
                        <h4 class="sub_title">iviewui</h4>
                        <ul>
                            <li><a href="http://v1.iviewui.com/" target="_blank">iviewui官网</a></li>
                        </ul>
                        <h4 class="sub_title">APICloud</h4>
                        <ul>
                            <li><a href="https://www.apicloud.com/" target="_blank">APICloud官网</a></li>
                        </ul>
                        <h4 class="sub_title">MUI</h4>
                        <ul>
                            <li><a href="http://www.dcloud.io/" target="_blank">MUI官网</a></li>
                        </ul>
                        <h4 class="sub_title">TypeScript</h4>
                        <ul>
                            <li><a href="https://www.tslang.cn/" target="_blank">TypeScript官网</a></li>
                            <li><a href="https://ts.xcatliu.com/" target="_blank">TypeScript 入门教程</a></li>
                        </ul>
                        <h4 class="sub_title">MobX</h4>
                        <ul>
                            <li><a href="https://cn.mobx.js.org/" target="_blank">MobX官网</a></li>
                        </ul>
                        <h4 class="sub_title">Wepy</h4>
                        <ul>
                            <li><a href="https://tencent.github.io/wepy/" target="_blank">Wepy官网</a></li>
                        </ul>
                        <h4 class="sub_title">Sass</h4>
                        <ul>
                            <li><a href="http://sass.bootcss.com/" target="_blank">Sass中文文档</a></li>
                            <li><a href="https://sass-guidelin.es/zh/" target="_blank">Sass Guidelines</a></li>
                            <li><a href="https://www.sass.hk/" target="_blank">Sass中文网</a></li>
                        </ul>
                        <h4 class="sub_title">Less</h4>
                        <ul>
                            <li><a href="http://lesscss.cn/" target="_blank">Less 中文网</a></li>
                            <li><a href="https://www.runoob.com/manual/lessguide/" target="_blank">Less 入门文档</a></li>
                        </ul>
                        <h4 class="sub_title">Stylus</h4>
                        <ul>
                            <li><a href="https://www.zhangxinxu.com/jq/stylus/" target="_blank">stylus中文版参考文档</a></li>
                        </ul>
                    </section>
                    <section class="sub_mod">
                        <h4 class="sub_title">Gulp</h4>
                        <ul>
                            <li><a href="https://www.gulpjs.com.cn/" target="_blank">Gulp中文网</a></li>
                        </ul>
                    </section>
                    <section class="sub_mod">
                        <h4 class="sub_title">Webpack</h4>
                        <ul>
                            <li><a href="https://webpack.docschina.org/" target="_blank">webpack中文文档</a></li>
                        </ul>
                        <h4 class="sub_title">Lodash</h4>
                        <ul>
                            <li><a href="http://lodash.think2011.net/" target="_blank">lodash中文文档 - </a></li>
                        </ul>
                        <h4 class="sub_title">Mock</h4>
                        <ul>
                            <li><a href="http://mockjs.com/" target="_blank">Mock.js</a></li>
                        </ul>
                    </section>
                    <section class="sub_mod">
                        <h4 class="sub_title">jQuery</h4>
                        <ul>
                            <li><a href="http://www.jq22.com/" target="_blank">jQuery插件库</a></li>
                            <li><a href="http://www.jqueryfuns.com/" target="_blank">jQueryFuns-响应式模板</a></li>
                            <li><a href="http://hemin.cn/jq/" target="_blank">jQuery 参考手册</a></li>
                        </ul>
                    </section>
                    <section class="sub_mod">
                        <h4 class="sub_title">Bootstrap</h4>
                        <ul>
                            <li><a href="https://v3.bootcss.com/" target="_blank">Bootstrap中文文档</a></li>
                        </ul>
                    </section>
                    <section class="sub_mod">
                        <h4 class="sub_title">Vue</h4>
                        <ul>
                            <li><a href="http://hcysun.me/vue-design/" target="_blank">Vue技术内幕</a></li>
                            <li><a href="https://ustbhuangyi.github.io/vue-analysis/" target="_blank">Vue.js技术揭秘</a>
                            <li><a href="https://www.vue-js.com/" target="_blank">Vue.js中文社区</a>
                            </li>
                        </ul>
                        <h4 class="sub_title">Element</h4>
                        <ul>
                            <li><a href="https://element.eleme.cn/#/zh-CN" target="_blank">Element中文官网</a></li>
                        </ul>
                        <h4 class="sub_title">Layui</h4>
                        <ul>
                            <li><a href="https://www.layui.com/doc/" target="_blank">Layui官网</a></li>
                        </ul>
                    </section>
                    <section class="sub_mod">
                        <h4 class="sub_title">React</h4>
                        <ul>
                            <li><a href="https://reactnative.cn/" target="_blank">React Native中文网</a></li>
                        </ul>
                        <ul>
                            <li><a href="https://www.reactjscn.com/tutorial/tutorial.html" target="_blank">React 中文网</a></li>
                        </ul>
                    </section>
                    <section class="sub_mod">
                        <h4 class="sub_title">Angular</h4>
                        <ul>
                            <li><a href="https://www.angular.cn/docs" target="_blank">Angular 中文网</a></li>
                        </ul>
                    </section>
                    <section class="sub_mod">
                        <h4 class="sub_title">Koa</h4>
                        <ul>
                            <li><a href="https://chenshenhai.github.io/koajs-design-note/"
                                   target="_blank">Koa.js设计模式</a></li>
                            </li>
                            <li><a href="https://chenshenhai.github.io/koa2-note/"
                                   target="_blank">Koa2进阶学习笔记</a></li>
                            </li>
                        </ul>
                    </section>
                    <section class="mod">
                        <h3>工具类</h3>
                        <section class="sub_mod">
                            <h4 class="sub_title">npm</h4>
                            <ul>
                                <li><a href="https://www.npmjs.com.cn/" target="_blank">npm中文文档</a></li>
                            </ul>
                        </section>
                        <section class="sub_mod">
                            <h4 class="sub_title">Yarn</h4>
                            <ul>
                                <li><a href="https://yarn.bootcss.com/" target="_blank">Yarn中文文档</a></li>
                            </ul>
                        </section>
                        <section class="sub_mod">
                            <h4 class="sub_title">Git</h4>
                            <ul>
                                <li><a href="https://backlog.com/git-tutorial/cn/" target="_blank">Git指南</a></li>
                            </ul>
                        </section>
                    </section>
                    <section class="mod">
                        <h3>游戏引擎</h3>
                        <section class="sub_mod">
                            <h4 class="sub_title">游戏引擎</h4>
                            <ul>
                                <li><a href="http://www.cocos.com/"
                                       target="_blank">Cocos引擎</a></li>
                                </li>
                                <li><a href="https://www.egret.com/"
                                       target="_blank">白鹭时代-H5游戏引擎</a></li>
                                </li>
                            </ul>
                        </section>
                    </section>
                </section>
            </article>
            <article class="mainarea item">
                <section class="mod">
                    <h3>开发博客</h3>
                    <section class="sub_mod">
                        <h4 class="sub_title">技术博客</h4>
                        <ul>
                            <li><a href="https://blog.csdn.net/" target="_blank">CSDN博客</a></li>
                            <li><a href="https://blog.51cto.com/" target="_blank">51CTO博客</a></li>
                            <li><a href="https://www.jianshu.com/" target="_blank">简书官网</a></li>
                            <li><a href="https://www.cnblogs.com/" target="_blank">cnblogs 博客园</a></li>
                            <li><a href="https://segmentfault.com/" target="_blank">SegmentFault 思否</a></li>
                            <li><a href="https://www.liaoxuefeng.com/" target="_blank">廖雪峰的官方网站</a></li>
                        </ul>
                    </section>
                </section>
            </article>
            <article class="mainarea item">
                <section class="mod">
                    <h3>前端工具</h3>
                    <section class="sub_mod">
                        <h4 class="sub_title">工具类</h4>
                        <ul>
                            <li><a href="https://tool.oschina.net/" target="_blank">在线工具 —— OSCHINA.NET社区</a>
                            </li>
                            <li><a href="https://www.jb51.net/onlineread/htmlchar.htm" target="_blank">HTML特殊字符编码对照表</a>
                            </li>
                            <li><a href="http://www.5ixuexiwang.com/str/compress.php" target="_blank">在线字符串文本处理</a></li>
                            <li><a href="https://www.processon.com/" target="_blank">ProcessOn作图</a></li>
                            <li><a href="http://idea.iteblog.com/" target="_blank">在线生成IntelliJ IDEA注册码</a></li>
                            <li><a href="https://regexper.com/" target="_blank">Regexper正则表达式</a></li>
                            <li><a href="http://tool.chinaz.com/" target="_blank">站长工具 - 站长之家</a></li>
                            <li><a href="https://tool.lu/" target="_blank">在线工具 - 程序员的工具箱</a></li>
                        </ul>
                    </section>
                    <section class="sub_mod">
                        <h4 class="sub_title">PDF工具</h4>
                        <ul>
                            <li><a href="https://pdfcompressor.com/zh/" target="_blank">PDF压缩</a></li>
                            <li><a href="https://smallpdf.com/cn/compress-pdf" target="_blank">在线PDF压缩软件</a></li>
                            <li><a href="https://smallpdf.com/cn/pdf-to-jpg" target="_blank">PDF转JPG</a></li>
                        </ul>
                    </section>
                    <section class="sub_mod">
                        <h4 class="sub_title">颜色查询</h4>
                        <ul>
                            <li><a href="http://www.atool9.com/colorpicker.php" target="_blank">在线颜色选择器</a>
                            </li>
                            <li><a href="http://www.114la.com/other/rgb.htm" target="_blank">RGB颜色查询对照表</a>
                            </li>
                            <li><a href="http://www.sioe.cn/yingyong/yanse-rgb-16/" target="_blank">RGB颜色值与十六进制颜色码转换</a>
                            </li>
                            <li><a href="https://encycolorpedia.cn/" target="_blank">十六进制颜色代码表，图表及调色板</a></li>
                        </ul>
                    </section>
                    <section class="sub_mod">
                        <h4 class="sub_title">图标字体</h4>
                        <ul>
                            <li><a href="http://www.bootcss.com/p/font-awesome/" target="_blank">Font Awesome</a></li>
                            <li><a href="http://iconfont.cn/" target="_blank">阿里矢量图标库</a></li>
                            <li><a href="http://www.iosicongallery.com/" target="_blank">iOS图标</a></li>
                            <li><a href="http://www.ddfont.com/" target="_blank">DDfont字体</a></li>
                            <li><a href="http://www.qiuziti.com/" target="_blank">求字体</a></li>
                            <li><a href="https://zh.fonts2u.com/" target="_blank">Fonts2u</a></li>
                            <li><a href="https://www.dafont.com/" target="_blank">DaFont</a></li>
                        </ul>
                    </section>
                </section>
            </article>
            <article class="mainarea item">
                <section class="mod">
                    <h3>技术周刊</h3>
                    <section class="sub_mod">
                        <h4 class="sub_title">前端周刊</h4>
                        <ul>
                            <li><a href="https://weekly.75team.com/" target="_blank">奇舞周刊</a></li>
                            <li><a href="http://fex.baidu.com/weekly/" target="_blank">FEX</a></li>
                            <li><a href="https://weekly.manong.io/issues/" target="_blank">码农周刊</a></li>
                            <li><a href="https://javascriptweekly.com/" target="_blank">JavaScript Weekly</a></li>
                            <li><a href="https://nodeweekly.com/" target="_blank">Node Weekly</a></li>
                            <li><a href="https://css-weekly.com/" target="_blank">CSS Weekly</a></li>
                            <li><a href="https://news.vuejs.org/" target="_blank">Vue.js News</a></li>
                        </ul>
                    </section>
                </section>
            </article>
            <article class="mainarea item">
                <section class="mod">
                    <h3>前端站点</h3>
                    <section class="sub_mod">
                        <h4 class="sub_title">优秀站点</h4>
                        <ul>
                            <li><a href="http://www.zhihu.com/" target="_blank">知乎</a></li>
                            <li><a href="https://www.proginn.com/" target="_blank">程序员客栈</a></li>
                            <li><a href="http://www.codeceo.com/" target="_blank">码农网</a></li>
                            <li><a href="http://riny.net/lab/" target="_blank">前端实验室</a></li>
                            <li><a href="http://www.css88.com/" target="_blank">WEB前端开发</a></li>
                            <li><a href="https://www.docschina.org/" target="_blank">印记中文</a></li>
                            <li><a href="http://caibaojian.com/" target="_blank">前端开发博客</a></li>
                            <li><a href="http://www.w3cplus.com/" target="_blank">w3cplus</a></li>
                            <li><a href="https://toutiao.io/" target="_blank">开发者头条</a></li>
                            <li><a href="https://www.zcfy.cc/entry" target="_blank">众成翻译</a></li>
                            <li><a href="https://www.zcfy.cc/entry" target="_blank">众成翻译</a></li>
                        </ul>
                    </section>
                    <section class="sub_mod">
                        <h4 class="sub_title">英文站点</h4>
                        <ul>
                            <li><a href="https://css-tricks.com/" target="_blank">CSS-Tricks</a></li>
                        </ul>
                    </section>
                    <section class="sub_mod">
                        <h4 class="sub_title">企业站点</h4>
                        <ul>
                            <li><a href="https://aotu.io/index.html" target="_blank">凹凸实验室</a></li>
                            <li><a href="http://www.aliued.com/" target="_blank">阿里UED</a></li>
                            <li><a href="https://coding.net/" target="_blank">CODING</a></li>
                            <li><a href="http://fex.baidu.com/" target="_blank">FEX百度</a></li>
                            <li><a href="http://efe.baidu.com/" target="_blank">百度EFE</a></li>
                            <li><a href="https://cloud.tencent.com/developer/devdocs" target="_blank">开发者手册-腾讯云</a></li>
                        </ul>
                    </section>
                    <section class="sub_mod">
                        <h4 class="sub_title">阿里产品</h4>
                        <ul>
                            <li><a href="https://weex.apache.org/cn/" target="_blank">Weex</a></li>
                            <li><a href="https://www.weexdaxue.com/" target="_blank">Weex学院</a></li>
                            <li><a href="https://antv.alipay.com/zh-cn/index.html" target="_blank">AntV</a></li>
                            <li><a href="https://ant.design/index-cn" target="_blank">Ant Design</a></li>
                        </ul>
                    </section>
                </section>
            </article>
            <article class="mainarea item">
                <section class="mod">
                    <h3>博客开发</h3>
                    <section class="sub_mod">
                        <h4 class="sub_title">博客设计</h4>
                        <ul>
                            <li><a href="http://www.cnblogs.com/zhcncn/p/4097881.html"
                                   target="_blank">Hexo搭建Github博客</a></li>
                            <li><a href="http://blog.sina.com.cn/s/blog_617ccc0c0101h84p.html"
                                   target="_blank">搭建独立博客</a></li>
                            <li><a href="https://www.jianshu.com/p/858ecf233db9" target="_blank">Hexo在Github上搭建博客</a>
                            </li>
                            <li><a href="http://ibruce.info/2013/11/22/hexo-your-blog/" target="_blank">hexo搭建博客</a>
                            </li>
                            <li><a href="http://jekyllthemes.org/" target="_blank">Jekyll Themes</a></li>
                            <li><a href="https://jmblog.github.io/color-themes-for-google-code-prettify/"
                                   target="_blank">代码样式主题</a></li>
                        </ul>
                    </section>
                </section>
            </article>
            <article class="mainarea item">
                <section class="mod">
                    <h3>前端大会</h3>
                    <section class="sub_mod">
                        <h4 class="sub_title">综合类</h4>
                        <ul>
                            <li><a href="https://tfc.alloyteam.com/" target="_blank">腾讯web前端大会</a></li>
                            <li><a href="http://d2forum.alibaba-inc.com/#/index?_k=6nb1d2" target="_blank">D2前端技术论坛</a>
                            </li>
                            <li><a href="https://fequan.com/" target="_blank">前端圈</a></li>
                        </ul>
                    </section>
                    <section class="sub_mod">
                        <h4 class="sub_title">CSS</h4>
                        <ul>
                            <li><a href="https://css.w3ctech.com/"
                                   target="_blank">CSS开发者大会</a></li>
                        </ul>
                    </section>
                    <section class="sub_mod">
                        <h4 class="sub_title">JavaScript</h4>
                        <ul>
                            <li><a href="http://jsconf.cn/"
                                   target="_blank">JSConf</a></li>
                        </ul>
                    </section>
                </section>
            </article>
            <article class="mainarea item">
                <section class="mod">
                    <h3>后端开发</h3>
                    <section class="sub_mod">
                        <h4 class="sub_title">后端技术</h4>
                        <ul>
                            <li><a href="https://www.php.net/" target="_blank">PHP 官网</a></li>
                            <li><a href="http://www.thinkphp.cn/" target="_blank">ThinkPHP框架官网</a></li>
                            <li><a href="http://nodejs.cn/" target="_blank">Node.js中文网</a></li>
                            <li><a href="https://eggjs.org/" target="_blank">egg</a></li>
                            <li><a href="https://thinkjs.org/doc/index.html" target="_blank">ThinkJS</a></li>
                        </ul>
                    </section>
                </section>
            </article>
            <article class="mainarea item">
                <section class="mod">
                    <h3>技术电台</h3>
                    <section class="sub_mod">
                        <h4 class="sub_title">技术FM</h4>
                        <ul>
                            <li><a href="http://teahour.fm/" target="_blank">teahour.fm</a></li>
                        </ul>
                    </section>
                </section>
            </article>
        </section>
        <aside class="sidebar col-sub">
            <ul class="sidebar_list radius">
                <li class="cur"><a href="javascript:scroll(0,0);">个人主页</a></li>
                <li><a href="javascript:scroll(0,0);">前端基础</a></li>
                <li><a href="javascript:scroll(0,0);">开发博客</a></li>
                <li><a href="javascript:scroll(0,0);">前端工具</a></li>
                <li><a href="javascript:scroll(0,0);">技术周刊</a></li>
                <li><a href="javascript:scroll(0,0);">前端站点</a></li>
                <li><a href="javascript:scroll(0,0);">博客开发</a></li>
                <li><a href="javascript:scroll(0,0);">前端大会</a></li>
                <li><a href="javascript:scroll(0,0);">后端开发</a></li>
                <li><a href="javascript:scroll(0,0);">技术电台</a></li>
            </ul>
        </aside>
    </section>
    <footer class="app-footer">
        <div>Copyright © 2018 - <script type="text/javascript">document.write(new Date().getFullYear());</script> xiaojiangK All Rights Reserved.</div>
        <div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a title="分享到QQ空间" href="#" class="bds_qzone" data-cmd="qzone"></a><a title="分享到新浪微博" href="#" class="bds_tsina" data-cmd="tsina"></a><a title="分享到腾讯微博" href="#" class="bds_tqq" data-cmd="tqq"></a><a title="分享到微信" href="#" class="bds_weixin" data-cmd="weixin"></a><a title="分享到百度贴吧" href="#" class="bds_tieba" data-cmd="tieba"></a></div>
        <script>window._bd_share_config={"common":{"bdSnsKey":{"tsina":""},"bdText":"","bdMini":"2","bdMiniList":["qzone","tsina","weixin","tqq","tieba","douban"],"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> </div>
        
        <script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
        <span class="count-text" id="busuanzi_container_page_pv">
            <div class="padding border border-sub border-dotted fadein-left">
                本站阅读量<span id="busuanzi_value_page_pv"></span>次
            </div>
        </span>
        <span class="count-text" id="busuanzi_container_site_pv">| &nbsp; 本站访问量<span id="busuanzi_value_site_pv"></span>次</span>
        <span class="count-text" id="busuanzi_container_site_uv">
            <div class="padding border border-sub border-dotted fadein-right">
                | &nbsp; 本站访客数<span id="busuanzi_value_site_uv"></span>人
            </div>
        </span>
    </footer>
</article>

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script type='text/javascript' src="https://cdn.staticfile.org/clipboard.js/1.5.15/clipboard.min.js"></script>
<script type="text/javascript">
    $(function () {
        var $li = $("aside ul li");
        var $area = $("article.mainarea");
        var $win = $(window).height();
        var $Width = $(window).width();
        /*显示不同区块*/
        $li.click(function () {
            $(this).addClass('cur').siblings().removeClass('cur');
            var $que = $(this).index();
            $area.eq($que).show().siblings("article").hide();
        });
        if ($Width < 768) {
            $('.menu ,.sidebar_list li').on('click', function () {
                $('.sidebar_list').toggle();
            });
        }
        /*页面向下滚动侧边栏和主内容进行相应行为*/
        $(window).scroll(function () {
            var $Height = $(window).scrollTop();
            if ($Height === 0) {
                $('.scroll-top').addClass('opacity');
            } else {
                $('.scroll-top').removeClass('opacity');
            }
            if ($Height > 100) {
                $(".scroll-top").fadeIn(500);
                $(".sidebar_list").addClass('over');
            } else {
                $(".scroll-top").fadeOut(500);
                $(".sidebar_list").removeClass('over');

            }
        });
        $('.scroll-top').on('click', function () {
            $('html,body').animate({scrollTop: 0}, 500)
        });
        $('.col-main .mainarea').css("min-height", $win - 269 + 'px');

        // 自媒体弹窗
        $('.media').each(function (index) {
            $(this).on('click', function (){
                let title = ''
                let content = '<div>昵称：小江电影馆</div>'
                let clipboardText = '小江电影馆'

                switch(index) {
                    case 0:
                        title = '我的快手号'
                        content = `
                            <div>ID：XiaojiangK</div>
                            <div>昵称：小江电影馆</div>
                        `
                        break;
                    case 1:
                        title = '我的抖音号'
                        content = `
                            <div>ID：xiaojiang_k</div>
                            <div>昵称：小江电影馆</div>
                        `
                        break;
                    case 2:
                        title = '我的视频号'
                        content = `
                            <div>ID：XiaojiangK</div>
                            <div>昵称：小江电影馆</div>
                        `
                        break;
                    case 3:
                        title = '我的QQ小世界'
                        break;
                    case 4:
                        title = '我的腾讯微视'
                        break;
                    case 5:
                        title = '我的公众号'
                        content = `
                            <div>ID：XiaojiangK</div>
                            <div>昵称：小江电影馆</div>
                        `
                        break;
                    case 6:
                        title = '我的小红书'
                        content = `
                            <div>ID：5459976491</div>
                            <div>昵称：小江电影馆</div>
                        `
                        break;
                    case 7:
                        title = '我的头条号'
                        content = `
                            <div>昵称：小江电影馆</div>
                            <div>旗下平台：今日头条/西瓜视频/抖音/抖音火山版/悟空回答/微头条</div>
                        `
                        break;
                    case 8:
                        title = '我的西瓜视频'
                        content = `
                            <div>昵称：小江电影馆</div>
                            <div>旗下平台：今日头条/西瓜视频/抖音/抖音火山版/悟空回答/微头条</div>
                        `
                        break;
                    case 9:
                        title = '我的企鹅号'
                        content = `
                            <div>昵称：小江电影馆</div>
                            <div>旗下平台：腾讯视频/QQ游览器/腾讯新闻/腾讯体育/腾讯微视/QQ小世界</div>
                        `
                        break;
                    case 10:
                        title = '我的百家号'
                        content = `
                            <div>昵称：小江电影馆</div>
                            <div>旗下平台：好看视频/爱奇艺视频/推荐矩阵/百度APP/百度知道/百度联盟/百度地图/古物潮玩/百度翻译App/装馨家/度晓晓/百股经/百度爱采购/不挂科APP/hao123/颗盐App/小度/欢网大屏端/人民号/百度百科/百度网盘/百度健康/站外激励</div>
                        `
                        break;
                    case 11:
                        title = '我的大鱼号'
                        content = `
                            <div>昵称：小江电影馆</div>
                            <div>旗下平台：UC游览器/UC头条/优酷视频/土豆视频/淘系/豌豆荚/神马/PP助手</div>
                        `
                        break;
                    case 12:
                        title = '我的哔哩哔哩'
                        break;
                    case 13:
                        title = '我的AcFun'
                        break;
                    case 14:
                        title = '我的网易号'
                        content = `
                            <div>昵称：小江电影馆</div>
                            <div>旗下平台：网易号/网易新闻/网易视频/网易云音乐/网易公开课</div>
                        `
                        break;
                    case 15:
                        title = '我的搜狐号'
                        content = `
                            <div>昵称：小江电影馆</div>
                            <div>旗下平台：搜狐网/搜狐新闻/搜狐视频/搜狐博客/搜狐邮箱</div>
                        `
                        break;
                    case 16:
                        title = '我的一点号'
                        content = `
                            <div>昵称：小江电影馆</div>
                            <div>旗下平台：一点资讯/小米浏览器/OPPO浏览器/凤凰新闻/凤凰视频/手机凤凰网/凤凰网</div>
                        `
                        break;
                    case 17:
                        title = '我的快传号'
                        content = `
                            <div>昵称：小江电影馆</div>
                            <div>旗下平台：360快资讯/墨鱼丸/快视频/360安全浏览器/360极速浏览器/360手机卫士/360手机助手/360导航/360搜索/360安全卫士</div>
                        `
                        break;
                    case 18:
                        title = '我的皮皮虾'
                        break;
                    case 19:
                        title = '我的知乎号'
                        break;
                    case 20:
                        title = '我的新浪看点'
                        content = `
                            <div>昵称：小江电影馆</div>
                            <div>旗下平台：新浪网/新浪新闻/新浪微博/新浪博客/手机新浪网</div>
                        `
                        break;
                    case 21:
                        title = '我的腾讯视频'
                        break;
                    case 22:
                        title = '我的爱奇艺视频'
                        break;
                    case 23:
                        title = '我的优酷视频'
                        break;
                    case 24:
                        title = '我的好看视频'
                        break;
                    case 25:
                        title = '我的搜狐视频'
                        break;
                    case 26:
                        title = '我的抖音火山版'
                        break;
                    case 27:
                        title = '我的腾讯新闻'
                        break;
                    case 28:
                        title = '我的腾讯体育'
                        break;
                }

                $('.popup .title').text(title)
                $('.popup .content').html(content)
                $('.popup .copy_name').attr({
                    'data-target': index,
                    'data-clipboard-text': clipboardText
                })
                $('.popup .go_home').attr({
                    'data-target': index
                })
                $('.popup .mask').show()
                $('.popup .explain').fadeIn('fast')
            })
        })

        // 点击阴影关闭弹窗
        $('.mask').on('click', function (){
            $('.popup .mask').hide()
            $('.popup .explain').fadeOut('fast')
        });

        // 前往自媒体主页
        function go_media_home(target, open = 1) {
            switch(target) {
                case 0:
                    // 立即前往
                    if (open) {
                        return window.open('https://v.kuaishou.com/dofoWx')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者快手主页?')) {
                        window.open('https://v.kuaishou.com/dofoWx')
                    }
                    break
                case 1:
                    // 立即前往
                    if (open) {
                        return window.open('https://v.douyin.com/idG2bB1W')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者抖音主页?')) {
                        window.open('https://v.douyin.com/idG2bB1W')
                    }
                    break
                case 2:
                    // 立即前往
                    if (open) {
                        return window.open('./img/videoQRcode.jpg')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者视频号二维码?')) {
                        window.open('./img/videoQRcode.jpg')
                    }
                    break
                case 3:
                    // 立即前往
                    if (open) {
                        return window.open('https://s.xsj.qq.com/9YlloKoP')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者QQ小世界主页?')) {
                        window.open('https://s.xsj.qq.com/9YlloKoP')
                    }
                    break
                case 4:
                    // 立即前往
                    if (open) {
                        return window.open('https://video.weishi.qq.com/7LTBkK1O')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者腾讯微视主页?')) {
                        window.open('https://video.weishi.qq.com/7LTBkK1O')
                    }
                    break
                case 5:
                    // 立即前往
                    if (open) {
                        return window.open('./img/mpQRcode.jpg')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者公众号二维码?')) {
                        window.open('./img/mpQRcode.jpg')
                    }
                    break
                case 6:
                    // 立即前往
                    if (open) {
                        return window.open('https://www.xiaohongshu.com/user/profile/63132d06000000000f006cc2?xhsshare=CopyLink&appuid=63132d06000000000f006cc2&apptime=1698369319')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者小红书主页?')) {
                        window.open('https://www.xiaohongshu.com/user/profile/63132d06000000000f006cc2?xhsshare=CopyLink&appuid=63132d06000000000f006cc2&apptime=1698369319')
                    }
                    break
                case 7:
                    // 立即前往
                    if (open) {
                        return window.open('https://profile.zjurl.cn/rogue/ugc/profile/?version_code=9.5.1&version_name=90501&user_id=74299506922&media_id=1585115888403469&request_source=1&active_tab=dongtai&device_id=65&app_name=news_article&share_token=72AC15EC-2DCD-4E28-9717-6A1A9AD71D4A&tt_from=copy_link&utm_source=copy_link&utm_medium=toutiao_ios&utm_campaign=client_share')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者头条号主页?')) {
                        window.open('https://profile.zjurl.cn/rogue/ugc/profile/?version_code=9.5.1&version_name=90501&user_id=74299506922&media_id=1585115888403469&request_source=1&active_tab=dongtai&device_id=65&app_name=news_article&share_token=72AC15EC-2DCD-4E28-9717-6A1A9AD71D4A&tt_from=copy_link&utm_source=copy_link&utm_medium=toutiao_ios&utm_campaign=client_share')
                    }
                    break
                case 8:
                    // 立即前往
                    if (open) {
                        return window.open('https://v.ixigua.com/idtaoJTh/')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者西瓜视频主页?')) {
                        window.open('https://v.ixigua.com/idtaoJTh/')
                    }
                    break
                case 9:
                    // 立即前往
                    if (open) {
                        return window.open('https://media.om.qq.com/author?share_channel=6&id=MQbgHbfD7UxAuLc26H41-xUQ0')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者企鹅号主页?')) {
                        window.open('https://media.om.qq.com/author?share_channel=6&id=MQbgHbfD7UxAuLc26H41-xUQ0')
                    }
                    break
                case 10:
                    // 立即前往
                    if (open) {
                        return window.open('https://mr.baidu.com/r/18sjr4oeGDm?f=cp&u=0dbd8084491337a3')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者百家号主页?')) {
                        window.open('https://mr.baidu.com/r/18sjr4oeGDm?f=cp&u=0dbd8084491337a3')
                    }
                    break
                case 11:
                    // 立即前往
                    if (open) {
                        return window.open('http://a.mp.uc.cn/media.html?mid=1a849eec72734bc1a0e207a759a98f2d&client=ucweb&uc_param_str=frdnsnpfvecpntnwprdsssnikt&uc_biz_str=S:custom%7CC:iflow_ncmt')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者大鱼号主页?')) {
                        window.open('http://a.mp.uc.cn/media.html?mid=1a849eec72734bc1a0e207a759a98f2d&client=ucweb&uc_param_str=frdnsnpfvecpntnwprdsssnikt&uc_biz_str=S:custom%7CC:iflow_ncmt')
                    }
                    break
                case 12:
                    // 立即前往
                    if (open) {
                        return window.open('https://b23.tv/qqbI7va')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者B站主页?')) {
                        window.open('https://b23.tv/qqbI7va')
                    }
                    break
                case 13:
                    // 立即前往
                    if (open) {
                        return window.open('https://m.acfun.cn/upPage/74661894?sid=2a4b7d28ee2043bb')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者A站主页?')) {
                        window.open('https://m.acfun.cn/upPage/74661894?sid=2a4b7d28ee2043bb')
                    }
                    break
                case 14:
                    // 立即前往
                    if (open) {
                        return window.open('https://c.m.163.com/news/sub/T1698225781385.html?spss=newsapp&spsnuid=AdqPv9tIG2G2Ddqe6f18mdibPyTT1HE6R5tiZrtd948%3D&spsdevid=2E655656-75F6-4BEB-841F-CE9E7573114F&spsvid=&spsshare=default&spsts=1700821710650&spstoken=n5FJichkpzHuT%2Fus5%2BP1mY3NVzrJqz3HultdCpSQcr%2FSKqRTYWMsUU%2BYazk3Y0Op5Afdwr3yftgBQTlFOW1zhQ%3D%3D')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者网易主页?')) {
                        window.open('https://c.m.163.com/news/sub/T1698225781385.html?spss=newsapp&spsnuid=AdqPv9tIG2G2Ddqe6f18mdibPyTT1HE6R5tiZrtd948%3D&spsdevid=2E655656-75F6-4BEB-841F-CE9E7573114F&spsvid=&spsshare=default&spsts=1700821710650&spstoken=n5FJichkpzHuT%2Fus5%2BP1mY3NVzrJqz3HultdCpSQcr%2FSKqRTYWMsUU%2BYazk3Y0Op5Afdwr3yftgBQTlFOW1zhQ%3D%3D')
                    }
                    break
                case 15:
                    // 立即前往
                    if (open) {
                        return window.open('https://3g.k.sohu.com/t/pf7122870100562501411?shp1=NzEyMjkxMjA3MTAyMDY2MjI4MA%3D%3D')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者搜狐主页?')) {
                        window.open('https://3g.k.sohu.com/t/pf7122870100562501411?shp1=NzEyMjkxMjA3MTAyMDY2MjI4MA%3D%3D')
                    }
                    break
                case 16:
                    // 立即前往
                    if (open) {
                        return window.open('https://www.yidianzixun.com/article/V_1sWRB3Vo')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者一点资讯主页?')) {
                        window.open('https://www.yidianzixun.com/article/V_1sWRB3Vo')
                    }
                    break
                case 17:
                    // 立即前往
                    if (open) {
                        return window.open('https://www.360kuai.com/pc/zmt?id=2590513307&uid=66415028.1751570407185602600.1701507138289.6167&sign=look&scene=101&refer_scene=&tmprtp=&djsource=&tj_url=#video')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者快传号主页?')) {
                        window.open('https://www.360kuai.com/pc/zmt?id=2590513307&uid=66415028.1751570407185602600.1701507138289.6167&sign=look&scene=101&refer_scene=&tmprtp=&djsource=&tj_url=#video')
                    }
                    break
                case 18:
                    // 立即前往
                    if (open) {
                        return window.open('https://h5.pipix.com/s/i8J5sSpM/')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者皮皮虾主页?')) {
                        window.open('https://h5.pipix.com/s/i8J5sSpM/')
                    }
                    break
                case 19:
                    // 立即前往
                    if (open) {
                        return window.open('https://www.zhihu.com/people/23af3c94b96d3e876fa0b68c1374b6b0')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者知乎主页?')) {
                        window.open('https://www.zhihu.com/people/23af3c94b96d3e876fa0b68c1374b6b0')
                    }
                    break
                case 20:
                    // 立即前往
                    if (open) {
                        return window.open('https://weibo.com/u/5606840805')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者微博主页?')) {
                        window.open('https://weibo.com/u/5606840805')
                    }
                    break
                case 21:
                    // 立即前往
                    if (open) {
                        return window.open('https://m.v.qq.com/doki/personal/mix.html?vuid=309413223')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者腾讯视频主页?')) {
                        window.open('https://m.v.qq.com/doki/personal/mix.html?vuid=309413223')
                    }
                    break
                case 22:
                    // 立即前往
                    if (open) {
                        return window.open('https://www.iqiyi.com/u/2087863122/videos')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者爱奇艺视频主页?')) {
                        window.open('https://www.iqiyi.com/u/2087863122/videos')
                    }
                    break
                case 23:
                    // 立即前往
                    if (open) {
                        return window.open('https://m.youku.com/profile?uid=UNTk5OTg3NzY5Ng==&callApp=1&callVideo=true&sharekey=fedc72adb24d601910a663cc5f96ba4b4')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者优酷视频主页?')) {
                        window.open('https://m.youku.com/profile?uid=UNTk5OTg3NzY5Ng==&callApp=1&callVideo=true&sharekey=fedc72adb24d601910a663cc5f96ba4b4')
                    }
                    break
                case 24:
                    // 立即前往
                    if (open) {
                        return window.open('https://haokan.baidu.com/author/1703519218734070')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者好看视频主页?')) {
                        window.open('https://haokan.baidu.com/author/1703519218734070')
                    }
                    break
                case 25:
                    // 立即前往
                    if (open) {
                        return window.open('https://m.tv.sohu.com/upload/clientapp/pgc/user.html?user_id=419303494&sf_pro=1&sf_atype=apps&sf_mtype=3&sf_cv=9.9.22&channeled=1211160001')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者搜狐视频主页?')) {
                        window.open('https://m.tv.sohu.com/upload/clientapp/pgc/user.html?user_id=419303494&sf_pro=1&sf_atype=apps&sf_mtype=3&sf_cv=9.9.22&channeled=1211160001')
                    }
                    break
                case 26:
                    // 立即前往
                    if (open) {
                        return window.open('https://v.douyin.com/iRq622Cg/')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者抖音火山版主页?')) {
                        window.open('https://v.douyin.com/iRq622Cg/')
                    }
                    break
                case 27:
                    // 立即前往
                    if (open) {
                        return window.open('https://view.inews.qq.com/u/8QMZ2n5d5IYUvDk%3D?devid=4F6A15FE-2C68-4A3E-86F2-474D3BFA41B2&qimei=46860647-5ee8-4bf0-80b2-1d35844ce418&uid=740092856')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者腾讯新闻主页?')) {
                        window.open('https://view.inews.qq.com/u/8QMZ2n5d5IYUvDk%3D?devid=4F6A15FE-2C68-4A3E-86F2-474D3BFA41B2&qimei=46860647-5ee8-4bf0-80b2-1d35844ce418&uid=740092856')
                    }
                    break
                case 28:
                    // 立即前往
                    if (open) {
                        return window.open('https://sports.qq.com/kbsweb/mobile/user.htm#/1685652843593203856/article')
                    }
                    // 复制成功
                    if (window.confirm('复制成功，是否前往作者腾讯体育主页?')) {
                        window.open('https://sports.qq.com/kbsweb/mobile/user.htm#/1685652843593203856/article')
                    }
                    break
            }
        }

        // 点击前往主页
        $('.popup .go_home').on('click', function () {
            $('.popup .mask').hide()
            $('.popup .explain').fadeOut('fast')
            // 前往自媒体主页
            go_media_home(Number($(this).attr('data-target')))
        })

        // 复制自媒体昵称
        var clipboard = new Clipboard('.copy_name').on('success', function(e) {
            var e = e || window.event
            $('.popup .mask').hide()
            $('.popup .explain').fadeOut('fast')
            // 前往自媒体主页
            go_media_home(Number($(e.trigger).attr('data-target')), 0)
        }).on('error', function(e) {
            // 前往自媒体主页
            go_media_home(Number($(e.trigger).attr('data-target')))
        });
    });
</script>
</body>
</html>

